<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ajaxfileupload</title>

<script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="./ajaxfileupload.js"></script>
<script type="text/javascript">
  $(function() {
    $("#ajaxFileUpload").click(function() {
      $.ajaxFileUpload({
        url : 'http://localhost:8000/upload', //用于文件上传的服务器端请求地址
        secureuri : false, //是否需要安全协议，一般设置为false
        fileElementId : 'file', //文件上传域的ID
        dataType : 'json', //返回值类型 一般设置为json
        type : 'post',
        data : {},
        success : function(data, status) //服务器成功响应处理函数
        {
          console.log(data)
          $.each(data, function(){
            console.log(this)
            $('<li/>').html('<a href="'+this.path+'">'+this.name+'</a>').appendTo('ul');
          })
        },
        error : function(data, status, e)//服务器响应失败处理函数
        {
          console.log(e);
        }
      })
      return false;
    });
  });
</script>
</head>
<body>
  <input type="file" name="file" id="file" multiple="multiple">
  <button id="ajaxFileUpload">ajaxFileUpload</button>
<hr>
<ul></ul>
</body>
</html>